<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
      <el-form-item label="检查项目" prop="">
        <el-radio-group v-model="radio1"  >
          <el-radio-button label="乙肝五项"></el-radio-button>
          <el-radio-button label="血常规"></el-radio-button>
          <el-radio-button label="CT"></el-radio-button>
          <el-radio-button label="X光"></el-radio-button>
        <br style="background-color: white;border-color:white; ">
        </el-radio-group>
      </el-form-item>
      <br>
      <el-form-item label="患者名称" prop="registrationid1">
        <el-input
          v-model="queryParams.registrationid"
          placeholder="请输入患者名称"
          clearable
          size="small"
          style="width: 240px"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>

      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
      </el-form-item>
    </el-form>

    <el-table
      :data="roleMap"
      row-key="registrationid1"
      default-expand-all
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <el-table-column prop="" label="项目名称" width="260"></el-table-column>
      <el-table-column prop="patientName" label="患者姓名" width="200"></el-table-column>
      <el-table-column prop="patientId" label="患者编号" width="200"></el-table-column>
      <el-table-column prop="caseRemark" label="备注" width="200"></el-table-column>


      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">

          <el-button
            size="mini"
            @click="handleEdit(scope.$index, scope.row)">{{ scope.row.zhuangtai === '0' ? '开始录入' : '已检测' }}</el-button>


        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <el-card style="margin-bottom:3px">
      <div v-if="showBottom">
        <el-form label-position="left" label-width="120px" inline class="demo-table-expand">
          <el-form-item label="挂号单号:">
            <span>111</span>
          </el-form-item>
          <el-form-item label="患者姓名:">
            <span>222</span>
          </el-form-item>
          <el-form-item label="检查项目:">
            <span>333</span>
           </el-form-item>
          <el-form-item label="检查备注:">
            <span>444</span>
          </el-form-item>
        </el-form>
        <div>
          <el-button type="primary" style="width:100%" icon="el-icon-plus">开始检查</el-button>
        </div>
      </div>
      <div v-else style="text-align:center"> 暂无数据 </div>
    </el-card>

  </div>
</template>

<script>
  import {checklist} from "@/api/check/newcheck"
    export default {
        name: "index",
        data() {
            return {

                radio1: '乙肝五项',
                radio2: '血常规',
                radio3: 'CT',
                radio4: 'X光',
                checkModel: -1,
                // 遮罩层
                loading: true,
                // 选中数组
                ids: [],
                // 非单个禁用
                single: true,
                // 非多个禁用
                multiple: true,
                // 显示搜索条件
                showSearch: true,
                // 总条数
                total: 0,
                // 角色表格数据
                roleList: [],
                // 弹出层标题
                title: "",
                // 是否显示弹出层
                open: false,
                // 是否显示弹出层（数据权限）
                openDataScope: false,
                menuExpand: false,
                menuNodeAll: false,
                deptExpand: true,
                deptNodeAll: false,
                // 日期范围
                dateRange: [],
                //挂号状态数据字典
                registrationStatusOptions: [],
                // 挂号类型数据字典
                registrationTypeOptions: [],
                //挂号时段数据字典
                registrationFrameOptions: [],
                //部门数据字典
                registrationDepartmentOptions: [],
                // 数据范围选项
                // 菜单列表
                menuOptions: [],
                // 部门列表
                deptOptions: [],
                // 数据回传
                roleMap: [],
                // 查询参数
                queryParams: {

                    checkId: undefined,
                    patientId: undefined,
                    patientName: undefined,
                    caseRemark: undefined,
                    checkResult: undefined,
                    checkOperate: undefined,
                    createTime:undefined

                },
                // 表单参数
                form: {},
                defaultProps: {
                    children: "children",
                    label: "label"
                },
                // 表单校验
                rules: {
                    aname: [
                        { required: true, message: "角色名称不能为空", trigger: "blur" }
                    ],
                },


            };
        },




    }

</script>

<style scoped>

</style>
